<template>
  <scroll class="container-wrapper">
    <div class="container">
      <scroll class="horz-wrapper" :scrollX="true">
        <div class="horz">学习使用 better-scroll 最好的方式是看它的 demo 代码，我们把代码都放在了 example 目录。由于目前最适合移动端开发的前端 mvvm 框架是 Vue，并且 better-scroll 可以很好的和 Vue 配合使用的，所以 demo 我都用 Vue 进行了重写。
        </div>
      </scroll>
    </div>
  </scroll>
</template>

<script>
  import scroll from './scroll.vue'
  export default {
    components: {
      'scroll': scroll
    },
    data:function () {
      return {
      }
    },
    computed: {
    },

    methods: {
    }
  }
</script>

<style lang="scss" scoped>

  .container-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;

    .container {
      height: 900px;

      .horz-wrapper {
        width: 100%;
        height: 100px;
        overflow: hidden;

          .horz {
            width: 600px;
            height: 100%;
            background-color: #7e8c8d;

            font-size: 12px;
            line-height: 1.5;

            white-space: nowrap;
          }

      }
    }
  }
</style>
